* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
}

html {
    font-size: 100px;
    width: 100%;
}

body {
    font-size: 16px;
    width: 100%;
}

a {
    text-decoration: none;
    color: black;
}

.container {
    width: 500px;
    height: 280px;
    margin: 0 auto;

    .img-wrap {
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .list {
        width: 500px;
        height: 40px;
        background-color: #afafaf;
        clear: both;

        ul {
            clear: both;
            float: right;

            li {
                float: left;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                color: white;
                font-size: 18px;
                margin-left: 1px;
                background-color: #999999;

                &.change {
                    background-color: red;
                }
            }


        }
    }
}